﻿.Title
{
	position:relative;
    .Links
	{
		position:absolute;
		top:14px;
        right:0px;
	}
}


.DataTable
{
    td.non-working {background-color: #F1E6F5;}
    td.TS             {text-align:center}


}

table.Header th
{
    font-size:11px!important;
    
}

.DataTableContainer    
{
    position:relative
}
.inputEdit 
{
    background-color: #7F9DB9; 
    position:absolute; 
    height:24px; 
    width:70px; 
    padding: 5px;
    input[type="text"] 
    {
        width:64px; 
        height:14px;
        padding:3px;
    }
}

.Edit           
{
    z-index:30;
    position:absolute; 
    width:80px
}
.comment-box    
{
    right:0;
    position:absolute; 
    top:100%; 
    text-align: center; 
    border: 1px solid #7F9DB9; 
    background: #C0E2F3 url(/Images/bg-comment.png) repeat;
    top:30px
}

.close 
{
    position: absolute;
    right: 9px;
    top: 9px;
    width: 10px;
    height: 10px;
    display: block;
    background: url(/Images/close.png) no-repeat;
    cursor:pointer;
}

.overtime 
{
    position: relative;
    text-align: left;
    padding: 2px 0 9px;
    background: #E7F5FD url(/Images/bgX.gif) repeat-x 0 -960px;
}

.arrow 
{
    width: 10px;
    height: 5px;
    display: block;
    position: absolute;
    right: 35px;
    top:0;
    z-index: 50;
    background: url(/Images/arrow-comments.gif) no-repeat;
    background-position: 0 -15px;
}

.leftDate, .rightDate   {width:22px;height:16px;display:inline-block; background: url(/Images/16_icons.gif) no-repeat}
.leftDate                           {background-position:0 -176px; cursor:pointer }
.rightDate                          {background-position:-24px -176px; cursor:pointer}
.ui-datepicker-trigger              {margin:0px 4px; cursor:pointer }

.startText  { margin-right:8px}
.endText  { margin:0px 8px}

.GridToolbar
{
    color: #036;
    font-size: 13px;
    padding: 3px 5px;
    height: 22px;
    border-bottom: 1px solid #A8C6EB;
    background-color: #D5E5FF;
    //background-position: 0 bottom;
    //background: url("/Images/bgX.gif");
}

.GridToolbar .left {float:left}
.GridToolbar .right {float:right}
    
 
.Approved    
{
    width:24px; 
    height:16px;
    display:inline-block;
    background: url(/Images/24_icons.gif);
    background-position: 1px -2095px; 
}

.NotApproved    
{
    width:24px; 
    height:16px;
    display:inline-block;
    background: url(/Images/24_icons.gif);
    background-position: 1px -2064px; 
}

.GridToolbar .span{display:inline-block;height: 22px;vertical-align:top;}

.Seperator    {
    background: url(/Images/24_icons.gif) no-repeat;
    width: 7px;
    background-position: 1px -1062px;
}

.Duplicate, .Approval
{
    color: #06C;
    padding: 5px 5px 0px 26px;
    line-height: normal;
    background: url(/Images/24_icons.gif) no-repeat;
    cursor:pointer;
}

.Duplicate
{
    background-position: 0 -630px;
}
.Approval
{
    background-position: 0 -2060px;
}

.Delete
{
    background: url(/Images/24_icons.gif) no-repeat;
    background-position: 0 -585px;
    width:22px;
    cursor:pointer;
}

.TS_Indicator   {float:right}
.TS_Indicator img {margin-right:2px}

.Timesheet
{
    .PSelect
    {
        font-size:12px;
        padding:0 5px;
        height:21px;
        .s-btn-downarrow
        {
            height:21px;
            margin:0;
        }
    }

	table
	{
        .Header
        {
            th
                {
                    white-space: wrap;
                }
        }
		[col="0"]
		{
			width:52px
		}
		[col="2"], [col="4"]
		{
			width:70px;
		}
		[col="3"]
		{
			width:80px
		}
		
		[col="5"], [col="6"], [col="7"], [col="8"], [col="9"], [col="10"], [col="11"]
		{
			width:50px
		}

		&.Header
		{
			width:100%
		}
		&.DataTable
		{
			width:100%
		}
	}
}